@charset "UTF-8";
.nav .nav1{
	background:#041b30;
}
/*banner样式*/

.banner{
	position:relative;
	z-index:2;
	overflow:hidden;
	width:100%;
	height:590px;
	min-width:1200px;
}
.banner .arrows .prev{position: absolute;top: 200px;left: 150px;}
.banner .arrows .next{position: absolute;top: 200px;right: 150px;}
.banner .arrows .prev:hover,.banner .arrows .next:hover{cursor: pointer;}
.banner .banner1{
	width:400%;
	height:590px;
	position: absolute;
	top:0;
	left:0;
	font-size:0;
	z-index: -1;
}
.banner .banner1>ul>li{
	width:25%;
	display:inline-block;
	*display:inline;
	*zoom:1;	
}
/*.banner .banner1>ul>li img{width: 100%;}*/
.bannerText{
	text-align: justify;
	position: absolute;
	top:210px;
	left:360px;
	color:#fff;
	font-size:24px;
}
.bannerText .bt1{
	font-size:90px;
	font-weight:bold;
	margin-bottom:-10px;
}
.bannerText .bt2{
	font-size:30px;
	font-weight:bold;
}
.bannerText .bt3{
	margin:0 0 25px -13px;
}
.bannerText .bt4 a:link,.bannerText .bt4 a:visited{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:200px;
	height:54px;
	text-align: center;
	line-height: 54px;
	font-size:22px;
	color:#fff;
	background:#2083da;

}
.banner .bannerBtn {
	position:absolute;
	width:100%;
	left:0;
	bottom:20px;
}
.banner .bannerBtn li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:60px;
	height:4px;
	border-radius: 2px;
	text-align: center;
	margin-right:15px;
	background:#fff;
	opacity:.5;
	filter:alpha(opacity:50);
}
.banner .bannerBtn .current{
	background-color:#2083da;
	opacity:1;
}
/*product样式*/

.product{
	font-size:32px;
	color:#fff;	
	padding:110px 0;
}
.product .pro .bt a:link,.product .pro .bt a:visited{color: #fff;}
.product .pro .bt a:hover,.product .pro .bt a:active{color: #f14e0d;}

.product .pro_top {
	margin-bottom:29px;
}
.product .pro{
	position:relative;	
}
.product .proM{
	margin-left:29px;
}
.product .bt{
	width:100%;
	height:80px;
	text-align:center;
	position:absolute;
	top:120px;
	left:0px;
	z-index:1;
}
.product .bt .en {
	font-size:18px;
	padding-top:13px;
}
.product .pro .er{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	opacity:0;
	filter:alpha(opacity:0);	
	transition:all 0.5s;
}
.product .pro:hover .er{
	opacity:.8;
	filter:alpha(opacity:80);
}
.product .pro{overflow: hidden;}
.product .pro .bic{transition:0.1s;}
.product .pro:hover .bic{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}

/*新闻样式*/

.news{
	background:#f2f2f2;
	width:100%;
	min-width:1200px;
	padding:90px 0;
}

/*新闻表头样式*/

.news .title ul{
	padding-top:67px;
	margin-bottom:58px;
	font-size:0;
}
.news .title ul li{
	cursor: pointer;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:180px;
	height:45px;
	/*background:#fff;*/
	font-size:20px;
	color:#333;
	line-height:45px;
	transition:all 0.3s;
}
.news  .title .current{
	/*background:#f14e0d;*/
	outline: 1px solid #082c4c;
	color:#082c4c;
}
.news .tab2{
	margin:0 2px;
}

/*新闻详情样式*/

.news .textBox {
	width:100%;
	height:400px;
	position: relative;
	overflow:hidden;
}
.news .textBox ul{
	width:1200px;
	position: absolute;
	top:0;
	left:0;
	font-size:0;
}
.news .textBox li{
	width:1200px;
}
.news .newsTop{
	margin-bottom:80px;
}
.news .newsTop>div,.news .newsBottom>div{
	width:540px;
}
.news .newsTop img,.news .newsBottom img{
	float:left;
}
.news  .text{
	float:right;
	width:260px;
	height:140px;
	text-align:justify;
	margin-left:10px;
}
.news .text h3{
	font-size:16px;
	margin-bottom:18px;
}
.news  .text .text_1{
	height:40px;
	margin-bottom:20px;
	font-size:14px;
}
.news  .text .text_2{
	color:#666;
	padding-top:18px;
	font-size:14px;
}

/*family样式*/
.family {
	padding:90px 0 40px 0;
}
.family .family2{
	margin-top:60px;
	margin-bottom:75px;
	position: relative;
}
.family .family2 p{position: absolute;top: 0;left: 0;}
div.family{
	width: 100%;
}
div.family .serContent{
	width: 1200px;
	margin: 0 auto;
	padding: 0 32px;
}
.serContent ul.items{
	margin-left: 20px;
margin-top: 500px;
}
.serContent ul.items li{
	float: left;
	padding-top: 220px;
	width: 274px;
	height: 140px;
	margin:0 20px 0 0;
	position: relative;
	overflow: hidden;
}
.serContent ul.items li:nth-child(4){
	margin-right: 0px;
}
.serContent ul.items li i{
	display: block;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -75px;
}
.serContent ul.items li i.cl,.serContent ul.items li i.cr{
	background:url(../images/circel.png) no-repeat 0 0;
}
.serContent ul.items li i.icon{
	background:url(../images/icon_b.png) no-repeat 0 0;
}
/*不同类型的icon*/
.serContent ul.items li.ui i.icon{
	background-position: 0 -10px;
}
.serContent ul.items li.ue i.icon{
	background-position: 0 -160px;
}
.serContent ul.items li.web i.icon{
	background-position: -5px -315px;
}
.serContent ul.items li.cg i.icon{
	background-position: -10px -450px;
}

.serContent ul.items li i.ui{
	background-position: 0 0;
}
.serContent ul.items li i.cl{
	clip: rect(0px,75px,150px,0px);
}
.serContent ul.items li i.cr{
	clip: rect(0px,150px,150px,75px);
}
.serContent ul.items li p{
	position: relative;
	text-align: center;
	color: rgba(0,0,0,1.0);
}
.serContent ul.items li p.tit{
	font-size: 20px;
	margin-bottom: 20px;
}
.serContent ul.items li p.inf{
	text-align: justify;
	padding: 0 20px;
	font-size: 14px;
	color: rgba(0,0,0,.5);
	transform: translate(0,120px);
	opacity: 0;
}
.serContent ul.items li span{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #072c4c;
	transform: translate(0,360px);
}
/*激活后效果*/
.serContent ul.items li:hover i.cl{
	clip: rect(0px,75px,0px,0px);
	transition:all 0.3s ease-in 0s;
}
.serContent ul.items li:hover i.cr{
	clip: rect(150px,150px,150px,75px);
	transition:all 0.3s ease-in 0s;
}
.serContent ul.items li:hover span{
	transform: translate(0,0);
	transition:all 0.3s ease-in 0.4s;
}
.serContent ul.items li:hover i.icon{
	transition:all 0.3s ease-in 0.4s;
}
.serContent ul.items li.ui:hover i.icon{
	background-position: -150px 0;
}
.serContent ul.items li.ue:hover i.icon{
	background-position: -150px -150px;
}
.serContent ul.items li.web:hover i.icon{
	background-position: -150px -300px;
}
.serContent ul.items li.cg:hover i.icon{
	background-position: -150px -450px;
}
.serContent ul.items li:hover p.tit{
	color: #ffffff;
	transform: translate(0,5px);
	transition:all 0.4s ease-in 0.4s;
}
.serContent ul.items li:hover p.inf{
	transform: translate(0,0);
	opacity: 1;
	color: #ffffff;
	transition:all 0.3s ease-in 0.7s;
}








